<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>小米手机</title>
    <link rel="stylesheet" href="css/page2.css"/>
    <link rel="stylesheet" href="css/public.css"/>
    <link rel="stylesheet" href="css/tool-bar.css"/>
</head>
<body>
    <header>
        <a href=""></a>
    </header>
    <div class="section">
        <h2>明星产品</h2>
    </div>
    <div class="main">
        <div class="main_1">
            <div class="left">
                <a href=""><img src="imag/pic1.jpg"></a>
                <h3>小米11 Ultra</h3>
                <p class="desc">1/1.12"GN2&nbsp;&nbsp;|&nbsp;&nbsp;2K四微曲屏</p>
                <p class="price">
                    <strong>5499</strong>
                    <span>元起</span>
                    <del>5999元</del>
                </p>
            </div>
            <div class="right">
                <a href=""><img src="imag/pic2.jpg"></a>
                <h3>小米11 Pro</h3>
                <p class="desc">1/1.12"GN2&nbsp;&nbsp;|&nbsp;&nbsp;晓龙888</p>
                <p class="price">
                    <strong>4499</strong>
                    <span>元起</span>
                    <del>4999元</del>
                </p>
            </div>
        </div>
        <div class="main_1">
            <div class="left">
                <a href=""><img src="imag/pic3.jpg"></a>
                <h3>小米11 青春版</h3>
                <p class="desc">小米11&nbsp;&nbsp;青春版&nbsp;&nbsp;轻薄</p>
                <p class="price">
                    <strong>2099</strong>
                    <span>元起</span>
                    <del>2299元</del>
                </p>
            </div>
            <div class="right">
                <a href=""><img src="imag/pic4.jpg"></a>
                <h3>小米11</h3>
                <p class="desc">骁龙888&nbsp;&nbsp;|&nbsp;&nbsp;2K四曲面屏</p>
                <p class="price">
                    <strong>3799</strong>
                    <span>元起</span>
                    <del>3999元</del>
                </p>
            </div>
        </div>
        <div class="main_1">
            <div class="left">
                <a href=""><img src="imag/pic5.jpg"></a>
                <h3>Redmi K40</h3>
                <p class="desc">骁龙870&nbsp;&nbsp;|&nbsp;&nbsp;E4旗舰直屏</p>
                <p class="price">
                    <strong>1999</strong>
                    <span>元起</span>
                    <!--<del>5999元</del>-->
                </p>
            </div>
            <div class="right">
                <a href=""><img src="imag/pic6.jpg"></a>
                <h3>Redmi&nbsp;K40&nbsp;Pro&nbsp;系列</h3>
                <p class="desc">晓龙888&nbsp;/&nbsp;E4&nbsp;旗舰直屏</p>
                <p class="price">
                    <strong>2499</strong>
                    <span>元起</span>
                    <del>2799元</del>
                </p>
            </div>
        </div>
        <div class="main_1">
            <div class="left">
                <a href=""><img src="imag/pic7.jpg"></a>
                <h3>Redmi&nbsp;K40&nbsp;游戏增强版</h3>
                <p class="desc">轻薄电竞设计</p>
                <p class="price">
                    <strong>1999</strong>
                    <span>元起</span>
                    <!--<del>5999元</del>-->
                </p>
            </div>
            <div class="right">
                <a href=""><img src="imag/pic8.jpg"></a>
                <h3>MIX&nbsp;FOLD&nbsp;小米折叠屏手机</h3>
                <p class="desc">折叠大屏&nbsp;&nbsp;|&nbsp;&nbsp;自研芯片</p>
                <p class="price">
                    <strong>9999</strong>
                    <span>元起</span>
                    <!--<del>4999元</del>-->
                </p>
            </div>
        </div>
    </div>
    <footer></footer>
    <div class="tool-bar">
        <a class="item">
            <span class="iconfont">&#xe631;</span>
            <div class="pop">
                <img src="imag/ewm.png">
                <span>扫码领取新人百元礼包</span>
            </div>
        </a>
        <a class="item">
            <span class="iconfont">&#xe624;</span>
            <span class="text">个人中心</span>
        </a>
        <a class="item">
            <span class="iconfont">&#xe60c;</span>
            <span class="text">售后服务</span>
        </a>
        <a class="item">
            <span class="iconfont">&#xe623;</span>
            <span class="text">人工服务</span>
        </a>
        <a class="item">
            <span class="iconfont">&#xe613;</span>
            <span class="text">购物车（0）</span>
        </a>
        <a class="backtop">
            <span class="iconfont">&#xe60e;</span>
            <span class="text">回顶部</span>
        </a>
    </div>
</body>
</html>